export async function createHistory() {
    return new Promise(async (resolve) => {

        let res = await lookupHistory()
        let div = document.createElement('div')
        if (res.length) {
            div.className = 'class-wrap '
            div.style.cssText = 'padding-top:22px'
            div.innerHTML = `
            <div class='history-top animated fadeInDown'>
                <div>老师名称</div>
                <div>开始时间</div>
                <div>教程名</div>
                <div>第几课</div>
                <div>标题</div>
                <div>页数</div>
                <div>重点</div>
                <div>语法项目</div>
                <div>作业</div>
                <div>下次何处开始</div>
                <div>老师感想</div>
            </div>
        `
            for (let i = 0; i < res.length; i++) {
                let list = createHistoryList(res[i])
                div.appendChild(list)
            }
        } else {
            div.classList = 'class-wrap no-message animated fadeIn'
            div.innerHTML = `
            没有已上课的课程记录
        `
        }

        $('.body')[0].appendChild(div)
        setTimeout(() => {
            $('.class-wrap')[0].style.opacity = 1
            resolve('ok')
        })
    })
}

let lookupHistory = async () => {
    let res = await ajax('student_teacher_curriculum_query', {
        state: 1
    }, 'post')
    return res?.data
}

let createHistoryList = (res) => {
    let weekarray = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
    let list = document.createElement('div')
    list.className = 'history-btm animated fadeInDown'
    list.innerHTML = `
        <div style='border-right:1px solid #D8D8D8'>${res.teachername}老师</div>
        <div style='border-right:1px solid #D8D8D8'>
            <div>${res.cuyear}.${res.cumonth}.${res.cuday}</div>
            <div>${weekarray[parseInt(res.weekji) - 1]}${res.timeslot}</div>
        </div>
        <div style='border-right:1px solid #D8D8D8'>
            ${res.tutorialname}教材
        </div>
        <div style='border-right:1px solid #D8D8D8'>第${res.whatclass}课</div>
        <div style='border-right:1px solid #D8D8D8'>${res.title}</div>
        <div style='border-right:1px solid #D8D8D8'>${res.pagequantity}</div>
        <div style='border-right:1px solid #D8D8D8'>${res.keysentences}</div>
        <div style='border-right:1px solid #D8D8D8'>${res.grammaritem}</div>
        <div style='border-right:1px solid #D8D8D8'>
            ${res.task}
        </div>
        <div style='border-right:1px solid #D8D8D8'>${res.startnexttime}</div>
        <div style='border-right:1px solid #D8D8D8'>${res.teacherreflections}</div>
    `
    return list
}